<template>
  <div class="homepage">
      <div class="header">
          <Haeder></Haeder>
      </div>
      <div class="main" >
          <router-view></router-view>
      </div>
      <div class="footer" style="background:white">
          <Footer></Footer>
      </div>
      <div class="backtop">
        <a-back-top>
        <div class="ant-back-top-inner">
            <img src="../../assets/img/backtop.png" alt="">
            <p>返回顶部</p>
        </div>
        </a-back-top>
      </div>
  </div>
</template>

<script>
import Haeder from '../header'
import Footer from '../footer'
export default {
    components:{
        Haeder,Footer
    }
}
</script>

<style lang='less'>
.homepage{
    .backtop{
        .ant-back-top{
            width: 4vw;
            height: 5vh;
            .ant-back-top-inner{
                width: 4vw;
                height: 5vh;
                img{
                    width: 100%;
                }
                p{
                    text-align: center;
                }
            }
        }
    }
}
</style>